<!DOCTYPE html>
<html>
<head>
    <title>Fried CS搜索</title>
    <link href="../static/css/tabler.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler.rtl.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-flags.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-flags.rtl.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-payments.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-payments.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-social.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-social.rtl.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-vendors.min.css" rel="stylesheet" type="text/css">
    <link href="../static/css/tabler-vendors.rtl.min.css" rel="stylesheet" type="text/css">
    <style>
        body {
            text-align: center;
            margin-top: 50px;
        }



        table {
            margin: 0 auto;
            border-collapse: collapse;
        }

        th, td {
            padding: 10px;
            border: 1px solid #ccc;
        }

        body {
            margin: 0;
            padding-bottom: 50px;
        }
    </style>
</head>
<body>
    <h1 class = "text-center">商品详情如下表</h1>
    <table class = "table table-vcenter">
        <tr>
            <th>商品名</th>
            <th>店铺名</th>
            <th>售价/元</th>
            <th>销量</th>
            <th>货源</th>
            <th>宝贝描述评分</th>
            <th>卖家服务评分</th>
            <th>物流服务评分</th>
        </tr>
        {% for product, temporaryurl in zipped_data %}
        <tr>
            {#<td>{{ product.name }}</td>#}
            <td><a href="{{ temporaryurl.url }}">{{ product.name }}</a></td>
            <td>{{ product.shop_name }}</td>
            <td>{{ product.sold }}</td>
            <td>{{ product.sales_volume }}</td>
            <td>{{ product.location }}</td>
            <td>{{ product.rating_1 }}</td>
            <td>{{ product.rating_2 }}</td>
            <td>{{ product.rating_3 }}</td>

        </tr>
        {% endfor %}
    </table>
    <a href="/taobao/" class="btn btn-primary mt-3">点击跳转返回商品搜索</a>
</body>
</html>
